<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>综合服务系统</title>
    <!--公用样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/common/css/comment.css"/>
    <!--页面样式-->
    <link rel="stylesheet" type="text/css" href="${re.contextPath}/plugin/it/common/css/style.css"/>
    <!--Layui-->
    <link rel="stylesheet" href="${re.contextPath}/plugin/layui/css/layui.css" media="all"/>
    <!--扩展样式-->
    <link rel="stylesheet" href="${re.contextPath}/plugin/common/css/extended.css">
    <style>
        .container {
            width: 100%;
            background-color: #e5e5e5;
            overflow: hidden;
        }

        .kslist {
            width: 1150px;
            height: 600px;
            margin: 30px auto;
            display: flex;
        }

        .info {
            width: 180px;
            padding-top: 20px;
        }

        .info img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }

        .allTextList {
            width: 970px;
        }

        .listNva {
            width: 100%;
            height: 45px;
            line-height: 45px;
            display: flex;
            border-bottom: 1px solid #828282;
        }

        .mytest {
            flex: 1;
        }

        .myTest div {
            width: 65px;
            height: 43px;
        }

        .mypractice {
            flex: 3;
        }

        .myPractice div {
            width: 65px;
            height: 43px;
        }

        .list {
            width: 100%;
            height: 100px;
            background-color: #fff;
            display: flex;
        }

        .icons {
            width: 150px;
        }

        .icons img {
            width: 100px;
            height: 60px;
            display: block;
            margin: 20px auto;
            border-radius: 4px;
        }

        .textTitle {
            width: 700px;
            padding-top: 15px;
            box-sizing: border-box;
        }

        .delete {
            width: 120px;
        }
    </style>
</head>

<body>
<#--内容-->
<div class="container">
    <div class="kslist">
        <div class="info">
            <img src="${re.contextPath}/plugin/common/images/tx.png">
            <p style="padding-left: 10px;margin-top: 15px">姓名：XXX</p>
        </div>
        <div class="allTextList">
            <div class="listNva">
                <div class="myTest">
                    <div>我的考试</div>
                </div>
                <div class="myPractice">
                    <div>我的练习</div>
                </div>
            </div>
            <div class="textList">
                <div class="list">
                    <div class="icons">
                        <img src="${re.contextPath}/plugin/common/images/fm.png">
                    </div>
                    <div class="textTitle">
                        <p style="font-size: 16px;">考试名称</p>
                        <p style="font-size: 14px;color: #828282">类型：党建 | 开始时间：2020-06-08 | 状态：已参与</p>
                    </div>
                    <div class="delete">
                        <div style="width: 72px;height: 40px;margin: 30px auto;border-radius: 4px;background-color: #3e7ce7;color: #fff;text-align: center;line-height: 40px">
                            详情
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>
